<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>this简介和event对象</title>
		<!--
			this:
			this 是指在函数运行时自动生成的一个指代函数调用者的对象，this只能在函数内部使用
			
			HTML事件中this纸箱window（可以认为就是浏览器本身）
			dom0级事件中this指向绑定事件的元素
			dom2级事件中this指向：
			ie中指向window
			非ie指向绑定元素
			
			非IE下
			event:
			event是事件执行时包含了所有的信息的对象
			阻止事件冒泡：
			event.stopPropagation
			检测事件的真正触发者：
			e.eventPhase事件触发到当前节点是处于什么状态 	
			1标识当前节点处于捕获状态
			2.表示事件在当前节点处于触发状态
			3.表示事件在当前节点处于冒泡状态
			target:表示事件的真正触发者
			currentTarget:表示时间段饿监听者
			event.preventDefault()阻止当前节点的默认行为
			event.cacelable()用来判断当前节点是否使用的event.preventDefault()
			来阻止默认行为。如果是使用了返回true，如果未使用返回false
			
			IE下：
			window.event
			事件的真正出发者
			event.srcElement
			
			兼容性 写法
			var t=event.target||event.srcElement
			
			阻止冒泡
			event.cancelBubble=true取消
			event.cancelBubble=false不取消
			
			取消默认行为：
			event.returnValue=false取消默认行为
			event.returnValue=true不取消默认行为
			
			
		-->
	</head>
	<body>
		
		<script>
			var obj={
				stop:function(){
					if(event.stopPropagation){
                      event.stopPropagation();						 
					}else{
						event.cancelable=true;
					}
				},
				quxiao:function(){
					if(event.preventDefault)){
						event.preventDefault();
					}else{
						event.returnValue=false;
					}
				}
			}
			
			
			/*
			 
			 * 
			 * 
			 * 
			 * 
			 * 
			 * 
			 * 
			 * 
			 * 
			 * 
			 * */
		</script>
	</body>
</html>
